html,
body,
div,
span,

h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,

dl,
dt,
dd,
ol,
ul,
li {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    font-style: normal;
    font-weight: normal;
    list-style: none;
       
       font-family: PingFang SC, system-ui, -apple-system, BlinkMacSystemFont, Helvetica Neue, Hiragino Sans GB, Microsoft YaHei UI, Microsoft YaHei, Arial, sans-serif;
       font-variant-numeric: tabular-nums;  /* 语义化写法 */
      
       -webkit-font-smoothing: antialiased;
}
a{
    text-decoration: none;
    color: #000;
}


/* 颜色 */
.main-color {
    color: #016bf5;
}
.main-color1 {
    color: #1BE4FE;
}
.main-color2 {
    color:linear-gradient(45deg, #016BF5, #024BCB);
}
.main-color3 {
    color:linear-gradient(45deg, #0262DB, #A10ED9);
}
.main-color4 {
    color: #FF4E13;
}
/* 文本颜色 */
.text-color {
    color: #010101;
}
.text-color1 {
    color: #222222;
}
.text-color2 {
    color: #53585C;
}
.text-color3 {
    color: #7F8690;
}
.text-color4 {
    color: #84878E;
}
.text-color5 {
    color: #BEC2C8;
}
.line-color {
    color: #E9EBED;
}

.bg {
    background-color: #f7f7f7;
}
.bg-color3{
    background:linear-gradient(45deg, #0262DB, #A10ED9);
}
.fff{
    color: #ffffff;
}
.border_line{
    border: 1px solid #E9EBED; 
}





/* 字体 */
.font-12 {
    font-size: 12px
}
.font-14 {
    font-size: 14px;
}

.font-16 {
    font-size: 16px;
}

.font-18 {
    font-size: 18px;
}

.font-20 {
    font-size: 20px;
}

.font-22 {
    font-size: 22px;
}
.font-24 {
    font-size: 24px;
}
.font-26 {
    font-size: 26px;
}
.font-30 {
    font-size: 30px;
}
.font-34 {
    font-size: 34px;
}
.font-38 {
    font-size: 38px;
}
.font-46 {
    font-size: 46px;
}
/* padding和margin */
.p-10 {
    padding: 10px;
}
.p-20 {
    padding: 20px;
}
.p-30 {
    padding: 30px;
}
.p-40 {
    padding: 40px;
}
.p-50 {
    padding: 50px;
}
.m-10 {
    margin: 10px;
}
.m-20 {
    margin: 20px;
}
.m-30 {
    margin: 30px;
}
.m-40 {
    margin: 40px;
}
.m-50 {
    margin: 50px;
}


/* 自定义字体 */
@font-face {
    font-family: 'alimamashuheiti'; /* 自定义字体的名称 */
    src: url('/ttf/alimamashuheiti.ttf') format('truetype'); /* 字体文件的路径和格式 */
}
@font-face {
    font-family: '抖音美好体'; /* 自定义字体的名称 */
    src: url('/ttf/抖音美好体.otf') format('opentype'); /* 字体文件的路径和格式 */
}


body {
    position: relative;
 }
main{
    overflow: hidden;
}
.main_box{
    width: 1200px;
 min-width:1200px;
 margin: 0 auto;
    /* position: relative; */
}

.main_box .big_title{
    font-family:'alimamashuheiti';
    text-align: center;
    line-height: 60px;
    margin:50px auto 20px;
}

.main_box .big_title .main-color{
  font-family:'alimamashuheiti';
  
}


  
/* 底部 */
#footer-iframe{
    width: 100%;
    height: 622px;
    background-color: #393939;
    border: none;
}
footer .main_box{
    width: 1200px;
    min-width: 1200px;
}



/* 首页 banner */

* {
    
    margin: 0;
    padding: 0;
  }

  .slider-container {
    position: relative;
    width: 100%;
   height: 705px;
    margin: 0 auto;
    overflow: hidden;
    touch-action: pan-y;
   
  }

  .slider {
    display: flex;
    width: 100%;
    height: 100%;
    will-change: transform;
  }

  .slider .slide_item {
    flex-shrink: 0;
    width: 100%;
    height: 705px;
    overflow: hidden;
    position: relative;
  }

  .slider .slide_item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    user-select: none;
    pointer-events: none;
  }

  .slider .slide_item .info{
padding-top: 280px;
position: absolute;

}
 .slider .slide_item .info .font-46{
   
    font-family: 'alimamashuheiti', sans-serif; 
    
    }
 .slider .slide_item .text-color1{
    padding: 25px 0;
    }
  .slider .slide_item .info .button{
 display: flex;
    height: 70px;
    width: 215px;
  justify-content: center;
    align-items: center;
    font-weight: bold;

}

.slide_item .info .info_button{
 position: relative;
 width: 215px;
}
  .slider .slide_item .info .lightWrap{
height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
  }

   .slide_item .info .lightWrap .lightAnimation{
    animation: lightAnimation 1.4s ease-in-out infinite;
    background: #fff;
    height: 20vw;
    left: -6.66667vw;
    opacity: .3;
    position: absolute;
    top: -5.33333vw;
    transform: rotate(30deg);
    width: 5.33333vw;
   }
@keyframes lightAnimation {
    0% {
        left: -6.66667vw;
        opacity: 0
    }

    50% {
        opacity: .3
    }

    to {
        left: 98.13333vw;
        opacity: 0
    }
}




  .progress-container {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 8px;
   
   
  }

  .progress-item {
    width: 50px;
    height: 6px;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 3px;
    cursor: pointer;
    overflow: hidden;
   
  }

  .progress-bar {
    width: 100%;
    height: 100%;
    background: #fff;
    transform-origin: left;
    transform: scaleX(0);
    transition: transform linear;
  }

  .progress-item.active .progress-bar {
    animation: progress 3s linear forwards;
  }

  @keyframes progress {
    from {
      transform: scaleX(0);
    }

    to {
      transform: scaleX(1);
    }
  }




/* .banner1_bg{
    height: 705px;
    background: url(../images/banner1_bg.jpg) no-repeat;
    background-size: auto 100%;
    width: 100%;
    background-position: top;
    min-width: 1200px;
} */



/* 合作logo滚动 */
.carousel-container {
    width: 100%;
    overflow: hidden;
    position: relative;
    
}

.carousel-track,.carousel-track2 {
    height: 200px;
    display: flex;
    width: max-content; /* 让轨道的宽度适应内容 */
    animation: scroll 100s linear infinite;
    align-items: center;
    overflow: hidden;
}


.carousel-track .carousel-item, .carousel-track2 .carousel-item2 {
    flex: 0 0 auto;
    width: 140px; /* 根据实际Logo尺寸调整 */
    height: 60px;
    margin: 0 40px;
    cursor: pointer;

}
.carousel-track:hover,.carousel-track2:hover {
 -webkit-animation-play-state: paused;
    animation-play-state: paused;
  
}


.carousel-item img,.carousel-item2 img {
    width: 100%;
    height: auto;
    /* transition: all 0.1s ease; */
}
.carousel-item img:hover,.carousel-item2 img:hover {
    transform: scale(1.08);
}

@keyframes scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translate3d(-50%, 0, 0)/* 移动一半的距离 */
    }
}

/* service platform全球文旅数字化服务平台 */
.service_platform_bg{
    height: 1160px;
    background: url(../images/service_platform_bg.jpg) no-repeat;
    background-size: auto 100%;
    width: 100%;
    background-position: top;
    min-width: 1200px;
    overflow: hidden;
}
.service_platform_bg .main_box{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.service_platform_list{
width: 1200px;
display: flex;
flex-wrap: wrap;
}
.service_platform_item{
    width: 38%;
    margin: 20px 20px;
    display: flex;
    flex-direction: column;
   background-color: #fff;
   border-radius: 20px;
   padding: 30px 50px;
   height:330px ;
   box-shadow: rgba(0, 99, 220, 0.1) 22px 16px 35px;
   border-bottom: 8px solid #fff;
   cursor: pointer;
}
.service_platform_item:hover{
    box-shadow: rgba(0, 99, 220, 0.1) 22px 16px 35px;
    transform: scale(1.05);
    transition: all 0.5s ease-in-out;
    background-color: #F3FBFF;
    border-bottom: 8px solid #39E5FE;
}

.service_platform_item_text .title {
    font-family: 'alimamashuheiti', sans-serif; /* 使用自定义字体，并设置备用字体 */
padding:12px 0;

}
.service_platform_item_text .info{
    line-height: 30px;
   
}
.service_platform_item ul{
    display: flex;
    justify-content: flex-start;
    margin-top: 18px;
    flex-wrap: wrap;
    gap: 18px 18px;
}
.service_platform_item ul li{
border-radius: 15px;
height: 30px;
width: auto;
text-align: center;
line-height: 30px;
padding: 0 10px;
}

/* 视频 */
.platform_video video{
    
    width: 100%;
    height: 1040px;
    background: url(../images/video_bg.jpg) center no-repeat;
}

/* 合作流程 */
.collaboration_process .main_box{
    padding: 50px;
   
    border-radius: 40px;
    margin-top: -150px;
    
    background-color: #ffffff;
   box-shadow: rgba(128, 129, 129, 0.2 ) 35px -8px 87px;
    position: relative;
    
}
.main_box .collaboration_process_title{
  margin-top: 0px;
}
.collaboration_process_content .line{
    background: url(../images/line.png)no-repeat;
    background-size: 100%;
    width: 960px;
    height: 70px;
    display: flex;
    margin: 80px auto 0;
    
   
}
.collaboration_process_item_text .title, .cooperation_title{
    font-family: 'alimamashuheiti', sans-serif;
    padding: 10px 0 20px;
    text-align: center;
}
.collaboration_process_item_text .info{
    line-height: 2;
    
 
}
.collaboration_process ul{
    display: flex;
    justify-content: space-between;
    background-color: #ffffff;
    
}
.collaboration_process_item{
    width: 22%;
   transition: .3s;
}
.collaboration_process_item:hover{
  transform: translateY(-4px);
 
}

.collaboration_process_item.item1,.collaboration_process_item.item3{
    margin-top: -90px;
}
.collaboration_process_item.item2,.collaboration_process_item.item4{
    margin-top: -130px;
}
.collaboration_process_item_img{
    text-align: center;
}


/* 渠道合作 */


/* 平台优势platform_advantages */
.platform_advantages_bg{
      
    width: 100%;
    height: 685px;
    background: url(../images/banner2_bg.jpg) center;
}
.platform_advantages .main_box{
    padding: 50px;
   
    border-radius: 40px;
    margin-top: -420px;
    
    background-color: #ffffff;
   box-shadow: rgba(128, 129, 129, 0.2 ) 35px -8px 87px;
    position: relative;
    
}
/* 滚动数字 */
.main_box .platform_advantages_title{
   margin:20px auto 50px ;
   margin-bottom: 50px;
}
.platform_advantages_title .main-color{
  font-family: 'alimamashuheiti', sans-serif;
}
.platform_advantages_item_text .data_title{
    font-family: 'alimamashuheiti', sans-serif;
    padding: 10px 0 20px;
    text-align: center;
    font-size: 42px;
}
.platform_advantages_content .up_icon{
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url(../images/up_icon.png) no-repeat;
    background-size: 100% 100%;
}
.platform_advantages ul{
    display: flex;
    justify-content: space-between;
    background-color: #ffffff;
    height: 260px;
    
}

.platform_advantages_content .stats {
    display: flex;
    justify-content: space-between;
    align-items: center;
  
  }

  .platform_advantages_content .stat-item {
    text-align: center;
  
  }


  .platform_advantages_content .label {
    font-size: 24px;
    color: #333;
  }

  .platform_advantages_content .number {
    display: flex;
    justify-content: center;
    font-size:42px;
    font-weight: bold;
    color: #222222;
    align-items: flex-end;
    margin-bottom: 15px;
  }

  .platform_advantages_content .digit {
    display: inline-block;
    width: 25px;
    /* 每个数字等宽 */
    text-align: center;
    overflow: hidden;
    height: 1.2em;
    /* 限制显示一个数字的高度 */
    position: relative;
  }

  .platform_advantages_content .digit-list {
    font-family: 'alimamashuheiti', sans-serif;
    position: absolute;
    top: 0;
    left: 0;
    transition: transform 1s ease-out;
   
    /* 添加过渡效果 */
  }

  .platform_advantages_content .digit-item {
    display: block;
    height: 1.2em;
    font-family: 'alimamashuheiti', sans-serif;
  }




/* 商家选择 */
.merchant_selection{
    background: url(../images/banner3_bg.jpg) no-repeat center;
   
    margin-top: -145px;
    padding-top: 150px;
}
.merchant_selection_title .main-color{
  font-family: 'alimamashuheiti', sans-serif;
}
/* 切换tab */
/* 整体容器样式 */
.merchant_selection .tab-container {
    width: 1200px;
    margin: 0 auto;
  }

  /* tab导航栏样式 */
  .merchant_selection .tab-nav {
 
    display: flex;
    justify-content: space-around;
    border-bottom: 1px solid #9ABDFF;
    position: relative;
  }

  .merchant_selection .tab-nav li{
    position: relative;
    width: 110px;
    height: 54px;
    overflow: hidden;
    display: inline-block;
   text-align: center;
    flex-direction: column;
   cursor: pointer;
    transform: matrix(1, 0, 0, 1, 0, 0);
  }

  .merchant_selection .tab-nav .underline {
      position: absolute;
      bottom: 0;
      height: 6px;
      background: linear-gradient(45deg, #0262DB, #A10ED9);
      transition: all 0.3s cubic-bezier(0.35, 0, 0.25, 1); /* 贝塞尔曲线优化动效 */
      display: block;
      left: 95px;
      width: 110px;
    }

  /* tab内容区域样式 */
  .merchant_selection .tab-container .case{
    display: flex;
    justify-content: space-between;
   

}


.merchant_selection .tab-content {
   
    padding: 20px;
    min-height: 300px;
  }

  /* 单个案例样式 */
.case-item {
   width: 270px;
    margin-bottom: 20px;
    border-radius: 20px;
    background-color: #fff;
    overflow: hidden;
  
   
  }
  .case-item:hover {
    box-shadow: rgba(1, 42, 83, 0.2) 10px -4px 20px;
    transition: transform 1s ease;

   
        scale: 1.02;
   
  }
  .case-item:hover img {
 
    transform: scale(1.1); /* 将图片放大10% */
  }
  .case-img{
    height: 210px;

  }

.case-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin-right: 15px;
    transition: transform 0.3s ease;
  }

.case-item .content {
    padding:10px 20px 20px;
    flex: 1;
  }

.case-item .content h3 {
    margin-top: 0;
    font-weight: 600;
    margin-bottom: 10px;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 28px;
    height: 28px;
  }
  .case-item .content .more{
    display:block;
    text-align: center;
  }
  .case-item .content p{
    text-overflow: ellipsis;
    margin-bottom: 15px;
    white-space: normal;
    height: 65px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    font-weight: 400;
  line-height: 22px;
  
    -webkit-line-clamp: 3; /* 限制显示的行数 */
  }

  /* 隐藏默认内容 */
.tab-content .case:not(.active) {
    display: none;
  }

  /* 客户咨询 */
  .customer_consultation {
    height: 290px;
    background-color: #F2F8FF;
    display:flex;
   
    align-items: center;
   


  }
  .customer_consultation h1{
    font-family: 'alimamashuheiti', sans-serif;
    text-align: center;
    padding: 30px;
  }

  .customer_consultation .button{
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    width: 400px;
    margin: 0 auto;
    align-items: center;
  }
  .customer_consultation .button a{
      border: 2px solid #7F8690;
      border-radius: 30px;
      display: flex;
      align-items: center;
     justify-content: center;
      height: 50px;
      width: 180px;
  }
  .customer_consultation .button a.bg-color3{
      border: none;
  }

/* 嵌入合咨页面 */
#collaboration_consultation{
  width: 100%;
  height: 100vh;
  margin-top: 100px;
  padding: 50px 100px;
  text-align: center;
  border: none;
}



  /* 营销解决方案 */
  .banner4_bg{
    height: 705px;
    background: url(../images/marketing_solutions/banner4_bg.jpg) no-repeat;
  
    
  }
  /* 新媒体营销 */
  .new_media_marketing{
    height: 800px;
    background: url(../images/banner5_bg.jpg) no-repeat;
   
  }

  /* 共用banner 样式 */
  main .uni_banner_bg{

    background-size: auto 100%;
    width: 100%;
    background-position: top;
    min-width: 1200px;
    padding-top: 10px;
    position: relative;

  }
  .uni_banner_bg .uni_banner_content{
    
width: 1200px;
    margin: 285px auto 0;
 color:#052958 ;

    
  }
  .uni_banner_bg h1{
 font-family:'抖音美好体';
 font-size: 60px;
 opacity: 0;
  animation: uni_banner_txt 1.5s ease-out forwards;
  }
  @keyframes uni_banner_txt {
            0% {
                transform: translateX(-100%);
                opacity: 0;
            }
            100% {
                transform: translateX(0);
                opacity: 1;
            }
        }
.uni_banner_content p {
  margin-top: 40px;
  width: 540px;
  line-height: 38px;
  font-size: 20px;
  color: #4365A4;
  opacity: 0;
  animation: uni_banner_txt 1.5s ease-out forwards;
}

 .uni_banner_bg h1 span{
    font-family:'抖音美好体';
 font-size: 60px;
 
 }
 


  /* .system_construction_icon ul{
    border-radius: 30px;
    background-color: #ffff;
    display: flex;
    align-items: center;
    justify-content: space-around;
    height: 270px;
  }
  .system_construction_content .tab-container{
    display: flex;
    background-color: #ffff;
    border-radius: 30px;
    margin-top: 20px;
    padding: 30px;
    justify-content: space-between;
   
  }
  .system_construction_content .tab-container .tab-nav{
    display: flex; 
    justify-content: space-around;
    flex-direction: column;
  }

  .system_construction_content .tab-container li{
    width: 300px;
    height: auto;
    text-align: center;
   align-items: start;
   padding-left: 30px;
   
  }
  .system_construction_content .tab-container li.active{
    padding-left: 0;
  }
  .system_construction_content .tab-container li::after{
    display: none;
  }
  .system_construction_content .tab-container li h3{
    display: flex;
    align-items: center;
 
  }
  .system_construction_content .tab-container li p{
    display:none;
  }
  .system_construction_content .tab-container li.active p{
    display:block;
    padding-left: 35px;
  }
  .system_construction_content .tab-container li h3 i{
    display: none;
    width: 28px;
    height: 28px;
    background:url(../images/star_icon.png) no-repeat; 
    background-size: 100% 100%;
    margin-right: 5px;
 
  
  }
  .system_construction_content .tab-container li.active h3 i{
    display:block;
    
    
  }
  .system_construction_content .tab-container li.active h3{
  font-size: 36px;
  font-weight: 600;
  color: #010101;

  } */

.new_media_marketing_body{
  width: 100%;
  display: flex;
  justify-content: space-between;
  border-radius: 30px;
  background-color: #ffffff;
  overflow: hidden;
}
.new_media_marketing_body .left{
  width: 50%;
  display: flex;
  flex-direction: column;
  padding: 40px 20px 20px;
}
.media_top{
  width: 100%;
 
  justify-content: center; /* 垂直方向靠底 */
  align-items: center;      
 display: flex;

}
.media_top img{
  align-self: flex-end;   
  display: block;
}


.media_bottom_list{
display: flex;
justify-content: space-between;

border-radius: 20px;
padding: 20px 30px;
 background: linear-gradient(to bottom, #fff, #F1F8FF); /* 标准语法 */

}
.media_bottom_item{
  text-align: center;
}
.media_bottom_item_text{
  text-align: center;
}
.media_bottom_item_text .font-20{
font-weight: 600;
line-height: 40px;

}
/* right */
.new_media_marketing_body .right{
  background: url(../images/marketing_solutions/media_right_bg.jpg) no-repeat;
  background-size: cover;
  width: 50%;
  padding: 30px 30px 30px 45px;
  display: flex;
  flex-flow: column;
  justify-content: space-around;
}

.media_right_icon{
  width: 10px;
  height: 10px;
  background: url(../images/marketing_solutions/media_right_icon.png) no-repeat;
  display: block;
  background-size: cover;
    margin-right: 8px;
}
.new_media_marketing_body .right .text_tip{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  

}

.new_media_marketing_body .right .text_tip li{
 border:1px solid #B1C4EA ;
 background-color: #EAF1FF;
 border-radius: 5px;
 color: #4B5E78;
 margin-right: 30px;
 padding: 5px 10px;
 display: flex;
 align-items: center;
}
.new_media_marketing_body .right .font-24{
  font-weight: 600;
  margin-bottom: 20px;
}



  /* 新媒体营销---end */

  /* 全民营销解决方案----start*/
  .a_marketing{
    height: 880px;
    background: url(../images//marketing_solutions/a_marketing_bg.jpg) no-repeat;
   
  }
  .a_marketing .big_title_tip{
    color: #98C7FF;
  }

  .new_media_marketing_banner2 {
  height:800px;
  background: url(../images//marketing_solutions/banner2.jpg) no-repeat;
}
.new_media_marketing_banner3 {
  height:880px;
  background: url(../images//marketing_solutions/banner3.jpg) no-repeat;
}
.new_media_marketing_banner4 {
  height:390px;
  background: url(../images//marketing_solutions/banner4.jpg) no-repeat;
}
.new_media_marketing_banner5 {
  height:825px;
  background: url(../images//marketing_solutions/banner5.jpg) no-repeat;
}




 /* 自我游活动 */
 .activity-page {
    padding-top: 120px;
    background: #F9FAFB;
 }
 .activity-main {
    display: flex;
    flex-wrap: wrap;
    width: 1200px;
    margin: 0 auto;
    justify-content: space-between;
 }
 .activity-main a {
    cursor: pointer;
 }
 .activity-main .activity-item {
    background: #fff;
    border-radius: 20px;
    width: 380px;
    height: 390px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
 }
 .activity-main .activity-item:nth-child(n + 1), .activity-main .activity-item:nth-child(n + 2) {
    /* margin-right: 30px; */
 }
 .activity-main .activity-item .img {
    height: 160px;
    width: 380px;
    border-radius: 20px 20px 0 0;
    overflow: hidden;
 }
 .activity-main .activity-item .img img {
    width: 100%;
    height: 100%;
 }
 .activity-main .activity-item:hover {
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
 }
 /* 一行一个内容样式 --- start */
 .activity-main .activity-item.big-size {
    width: 100%;
    flex-direction: row;
    height: 310px;
 }
 .activity-main .activity-item.big-size .img {
    width: 750px;
    height: 310px;
    border-radius: 20px 0 0 20px;
 }
 /* 一行一个内容样式 --- end */
 .activity-main .activity-item .cont {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 17px 15px 24px 15px;
 }
 .activity-main .activity-item .p1 {
    color: #010101;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 20px;
 }
 .activity-main .activity-item .p2 {
    color: #7F8690;
    font-size: 16px;
    line-height: 24px;
    max-height: 48px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:2;
    overflow: hidden;
 }
 .activity-main .activity-item .cont-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 32px;
    color: #7F8690;
    font-size: 14px;
    margin-top: auto;
 }
 .activity-main .activity-item .cont-bottom .date {
    display: flex;
    align-items: center;
    gap: 5px;
 }
 .activity-main .activity-item .cont-bottom .more {
    display: flex;
    align-items: center;
    height: 32px;
    box-sizing: border-box;
    padding: 0 14px;
    gap: 7px;
    border-radius: 32px;
    border: 1px solid #7F8690;
 }
 .activity-main .activity-item .cont-bottom .more span {
    color: #7F8690;
    font-size: 14px;
    line-height: 14px;
 }



 /* 合作与咨询页 */

 .collaboration_consultation h1{
    font-weight: 600;
    margin-bottom: 30px;
 }
 .collaboration_consultation b{
    color:
     #FF4E13;
 }
 .collaboration_consultation .form_textarea{
    margin-bottom: 30px;
 }

 .collaboration_consultation .form_textarea label{
    display:inline-block;
    width: 200px;
    text-align: right;
 }
 .collaboration_consultation .form_textarea input,.more_select label .border_line,.drop-down select{
    color: #010101;
   padding: 12px 15px;
   border-radius: 5px;
    transition: border-color 0.3s;
    width:350px;
    
 }
 .collaboration_consultation .form_textarea input::placeholder{
    color: #BEC2C8;
  
 }

 .collaboration_consultation .form_textarea input:focus,.more_select label .border_line:focus,.drop-down select:focus
 , .collaboration_consultation .form_textarea input:hover,.more_select label .border_line:focus,.drop-down select:hover{
    border-color: #007bff;         /* 聚焦时蓝色边框 */
    outline: none;                 /* 移除默认轮廓线 */
 }
 .collaboration_consultation .more_select, .collaboration_consultation .one_select{
    display: flex;
    justify-content: left;
 }
 .collaboration_consultation .more_select span, .collaboration_consultation .one_select span{
    width: 200px;
    text-align: right;
 }
 .collaboration_consultation .more_select label, .collaboration_consultation .one_select label{
display: block;
margin-bottom: 20px;
 }
 .collaboration_consultation .region{
    width: 200px;
    display: inline-block;
    text-align: right;
 }
 .drop-down select{
     padding-right:30px;
     cursor: pointer;
 }

 .collaboration_consultation .submit_btn {
     margin: 20px auto;
     width: 100%;
 }
 .collaboration_consultation .submit_btn button{
width: 200px;
height: 52px;
text-align: center;
display: block;
border: none;
border-radius: 5px;
background-color: #2563EB;
margin: 50px auto;
cursor: pointer;
 }

 .more_select label:after {
        border: 1px solid var(--theme_primary1_color, #007fff);
        border-radius: var(--common_border_radius_s, 4px);
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        visibility: hidden;
        width: 100%;
    }
 
 /* 合作与咨询页---end */
   

/* 关于我们 ---start */

.about_banner{
  height:500px;
  background: url(../images/about_us/about_banner2.jpg) no-repeat;
 
}
.about_us .main_box{
  display: flex;
  align-items: flex-end;
  margin-top: -90px;
  justify-content: space-between;
  padding-bottom: 50px;
}
.about_us .left{
  display: flex;
 flex-direction: column;
  
}
.about_us .left .big_title{
 text-align: left;
 margin: 50px 5px;
 z-index: 9;
  
}
.about_us .left img{
  display: block;
  border-radius: 10px;
}
.about_us .right{
 width: 600px;
 background: url(../images/about_us/logo2.png) no-repeat;
 background-size: 100%;
 background-position: center;
 padding-bottom: 20px;

  
}
.about_us .right h3{
  font-weight: 600;
  margin-bottom: 30px;
}
.about_us .right p{
  line-height: 38px;
  font-weight: 400;
  color: #53585C;
  text-indent: 2em;
}

/* 发展历程 */
.development_history{
  height:600px;
  background: url(../images/about_us/us_bg2.jpg) no-repeat;
}
.development_history .development_history_title{
  text-align: left;
  margin: 50px 0 20px 0;
}

.development_history .tab-container {
  width: 1200px;
  margin: 20px auto;


}

.development_history .tab-buttons {
  display: flex;
  background: #f5f5f5;

  background: url(../images/about_us/line.png) no-repeat;
  background-size: 100%;
  height: max-content;
  background-position-y: 29px;
}

.development_history .tab-btn {
  flex: 1;
  padding: 12px 20px;
  
  background: transparent;
  cursor: pointer;
  transition: all 0.3s ease;
  font-size: 16px;
  color: #444;
  display: flex;
  height: auto;
  align-items: center;
  flex-direction: column;
}

.development_history .tab-btn .icon {
  display: block;
  height: 46px;
  width: 46px;
  background: url('../images/about_us/focus_off.png') no-repeat center center;
  background-size: 90%;
  margin-bottom: 10px;
}

.development_history .tab-btn span{

color:#222222;
font-weight: 600;
}

.development_history .tab-btn.active {
  /* background: #007bff;
  color: white; */
  transform: translateY(-2px);
  /* box-shadow: 0 2px 8px rgba(0, 123, 255, 0.3); */

  color:#016bf5;
}
.development_history .tab-btn.active .icon {
  background: url('../images/about_us/focus_on.png') no-repeat center center;
  background-size: 100%;
  width: 46px;
  height: 46px;
}

.development_history .tab-contents {
  padding: 20px;
}

.development_history .tab-content {
  text-align: center;
  display: none;
  height: 300px;
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 0.3s, transform 0.3s;
}

.development_history .tab-content.active {
  display: block;
  opacity: 1;
  transform: translateY(0);
}
.development_history #tab1, .development_history #tab2, .development_history #tab3, .development_history #tab4, .development_history #tab5, .development_history #tab6{
  background: url(../images/about_us/yuan.png) no-repeat center center;
  background-size: auto 100%
}


/* 服务对象 */
.s-object .left{
  display: flex;
  align-items: center;
  height: 750px;
  text-align: left;
}
.s-object .left .big_title{
  text-align: left;
}
.s-object{
 
  height: 750px;
  background: url(../images/about_us/about_banner3.jpg) no-repeat;
  padding-top: 0;
}
.s-object .main_box {
  display: flex;
  justify-content:space-between;
}
.s-object .main_box .right{
  overflow: hidden;
  position: relative;
  height: 750px;
}

.s-object .main_box .right::before{
  content: ""; /* 必须声明内容 */
  position: absolute;
  top: 0;
 width: 100%;
  height: 20%; /* 控制渐变高度比例 */
  background: linear-gradient(to bottom, rgba(25,34,63,1) 0%, transparent 100%);
  pointer-events: none; /* 允许穿透点击 */
  z-index: 1; /* 确保覆盖在图片上方 */
}
.s-object .main_box .right::after{
  content: ""; /* 必须声明内容 */
  position: absolute;
  bottom: 0;
 width: 100%;
  height: 20%; /* 控制渐变高度比例 */
  background: linear-gradient(to top, rgba(4,40,106,1) 0%, transparent 100%);
  pointer-events: none; /* 允许穿透点击 */
  z-index: 1; /* 确保覆盖在图片上方 */
}

.s-object .case-container {
  display: flex;
  /* width: 800px; */
 border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
height:max-content;
  
}

.s-object .case-roll {
  height: auto;
  overflow: hidden;
  position: relative;
  /* width: 250px; */
 margin: 0 8px 20px;
}

.s-object .case-item {
  margin: 15px 0;
  padding: 5px 15px;
  display: flex;
  align-items: flex-end;
  border-radius: 20px;
  transition: transform 0.3s;
  width: 220px;
  height: 330px;
  position: relative;
  z-index: 1;
  background-size: cover;
}

.s-object .case-item::after {
  content: ""; /* 必须声明内容 */
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40%; /* 控制渐变高度比例 */
  background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, transparent 100%);
  pointer-events: none; /* 允许穿透点击 */
  z-index: -1; /* 确保覆盖在图片上方 */
}

.case-highlight h2{
font-size: 30px;
color: #ffffff;
font-weight: 600;
z-index: 999;
padding-bottom: 20px;
}
.case-highlight p{
  font-size: 16px;
  color: rgba(255, 255, 255, 0.9);
  margin-bottom: 20px;
  z-index: 999;
  }

.s-object .case-item:hover {
  transform: scale(1.1);
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);

}

.case-roll-1 .case-item1{
  background:url(../images/about_us/list1.jpg) no-repeat;
}
.case-roll-1 .case-item2{
  background:url(../images/about_us/list2.jpg) no-repeat;
}
.case-roll-2 .case-item1{
  background:url(../images/about_us/list3.jpg) no-repeat;
}

.case-roll-2 .case-item2{
  background:url(../images/about_us/list4.jpg) no-repeat;
}

.case-roll-3 .case-item1{
  background:url(../images/about_us/list5.jpg) no-repeat;
}

.case-roll-3 .case-item2{
  background:url(../images/about_us/list6.jpg) no-repeat;
}

/* 滚动动画 */
@keyframes  case-roll-scroll {
  0% { transform: translateY(0); }
  100% { transform: translateY(-50%); }
}

.case-roll {
  animation: case-roll-scroll 35s linear infinite;
}

.case-roll:hover {
  animation-play-state: paused;
}

/* 加入我们 */
.join_us{
  background: url(../images/about_us/join_bg.jpg) no-repeat;
  height: auto;
 
}
.join_us .join_us_content{ 
  padding-bottom: 30px;
}
.join_us .join_us_content p{
line-height: 32px;
}

.join_us_list{
  display: flex;
  justify-content: space-between;
  padding-top: 20px;
}

.join_us_list .join_us_item{
  width: 385px;
  height: 250px;
  background: rgba(255, 255, 255, 0.9);
  border-radius:20px;
  box-shadow: rgba(113, 167, 234, 0.2 ) 0px 0px 15px;
  text-align: center;
  padding-top: 50px;
  box-sizing: border-box;
  padding: 40px 18px 0;
}
.join_us_item .title{
 
  font-weight: 600;
  display: flex;
  align-items: center;
  padding:10px 0 0 5px;
}
.join_us_item .title::before{
  content: "";
  height:20px;
  width: 4px;
  border-radius: 2px;
  background-color: #007bff;
  display: inline-block;
  margin-right: 8px;
  
}
.join_us_item .info{
  line-height: 60px;
}
.join_us_item .point {
  margin-top: 10px;
}
.join_us_item .point li{
  line-height: 32px;
  text-align: left;
  font-size: 14px;

}
.join_us_list .join_us_item{
  padding-top: 20px;
}
.join_us_item.qr_code .info{
  line-height: 35px;
}

/* 合伙人 */
.partner_bg{
  height:830px;
  background: url(../images/about_us/partner_bg.png) no-repeat;
  position: relative;
}


/* 联系我们 */
 main .contact_us{
  height: 470px;
  background: url(../images/about_us/local_bg.png) #E7F0FF right no-repeat;
  background-size: 960px 470px;
}

.contact_us .main_box .big_title {
  text-align: left;
  margin: 50px auto 30px;
}

.contact_us_item{
  display: flex;
  align-items: center;
  margin-bottom:30px;
}
.contact_us_list .icon{
  width: 20px;
  height: 20px;
  display: inline-block;
 
 
}
.contact_us_list .icon_phone{
  background: url(../images/about_us/phone_icon.png) no-repeat;
  background-size: cover;
 }
 .contact_us_list .icon_local{
  background: url(../images/about_us/local_icon.png) no-repeat;
  background-size: cover;
 }

 .contact_us_list .icon_office{
  background: url(../images/about_us/office_icon.png) no-repeat;
  background-size: cover;
 }



.contact_us_list .phone{
 padding-left: 10px;
}
.contact_us_list .phone .title{
font-weight: 600;
line-height: 35px;
}


/* 关于我们 ---end */

/* 客户案例---start */




/* 客户案例---end */



/* 全球旅游货仓服务---start */
 .warehouse_banner1 {
  height:705px;
  background: url(../images/warehouse/banner1.jpg) no-repeat;
}
.warehouse_banner2 {
  height:1100px;
  background: url(../images/warehouse/banner2.jpg) no-repeat;
  position: relative;
}
.banner_btn{
  width: 300px;
  height: 68px;
  text-align: center;
  line-height: 68px; 
  border: 2px solid #010101;
  border-radius: 35px;
  display: block;
  position: absolute;
  bottom: 35px;
  left: 0;
  right:0;
  margin:0 auto;

  background-size: 200% 100%;
  transition: background-position 0.6s ease-in-out;
 
}

 .banner_btn:hover{
  background: linear-gradient(to right, #016BF5, #024BCB);
  color: #fff;
  box-shadow: 8px 8px 20px rgba(55, 99, 170, 0.3 );
  border-color: #ffffff;
  background-position: 100% 0;
  transform: scale(1.05); /* 悬停时轻微放大 */
}
/* 全球旅游货仓服务---end */


/* 海外服务---start */
.overseas_services_banner1 {
  height:705px;
  background: url(../images/overseas_services/banner1.jpg) no-repeat;
}
.overseas_services_banner2 {
  height:900px;
  background: url(../images/overseas_services/banner2.jpg) no-repeat;
}
.overseas_services_banner3 {
  height:900px;
  background: url(../images/overseas_services/banner3.jpg) no-repeat;
}
.overseas_services_banner4 {
  height:700px;
  background: url(../images/overseas_services/banner4.jpg) no-repeat;
}
/* .overseas_services_banner5 {
  height:700px;
  background: url(../images/overseas_services/banner5.jpg) no-repeat;
}

.overseas_services_banner6 {
  height:500px;
  background: url(../images/overseas_services/banner6.jpg) no-repeat;
  position: relative;
} */

.overseas_services_banner7 {
  height:780px;
  background: url(../images/overseas_services/banner7.jpg) no-repeat;
}

.overseas_services_banner8 {
  height:1431px;
  background: url(../images/overseas_services/banner8.png) no-repeat;
  margin: 50px 0;
}




/* 海外服务---end */




/* 数字化升级方案---start */
.digitize_banner1 {
  height:705px;
  background: url(../images/digitize/banner1.jpg) no-repeat;
}


.service_target {
  background-color:#F7F9FD ;
}
.service_target .tab-nav {
  display: flex;
  justify-content: center;
  border-bottom:none;
}
.service_target .tab-nav button{
  display: block ;
  width: 264px;
  height: 132px;
background: url(../images/digitize/tab_bg1.png) center no-repeat;
background-size: 100%;
border: none;
text-align: center;
font-size: 26px;
padding-bottom: 17px;
    padding-right: 15px;
    cursor: pointer;
    transition: all 0.4s 
ease;
}
.service_target .tab-nav button:hover{
  transform: scale(1.05);
}
.service_target .tab-nav button.tab-active{ 
background: url(../images/digitize/tab_bg2.png) center no-repeat;
background-size: 100%;
color: #fff;
font-weight: 600;
}
.service_target .tab-content .hidden{
  display: none;
}
.service_target .tab-content .text{
  text-align: center;
  font-size: 18px;
}
.service_target .content_box{
  display: flex;
  margin-top: 40px;
  justify-content: space-around;
    padding: 0 7%;
 
}
.service_target .content_item{
  position: relative;
   height: 300px;
   border-radius: 20px;
   overflow: hidden;
   margin: 0 10px;
}
.service_target .content_item h3{
  position: absolute;
  bottom: 10px;
  font-size: 30px;
  left: 0; 
  right: 0;
  text-align: center;
}


.digitize_banner2 {
  height:630px;
  background: url(../images/digitize/banner2.jpg) no-repeat;
}
.digitize_banner3 {
  height:720px;
  background: url(../images/digitize/banner3.jpg) no-repeat;
}
.digitize_banner4 {
  height:800px;
  background: url(../images/digitize/banner4.jpg) no-repeat;
}
.digitize_banner5 {
  height:600px;
  background: url(../images/digitize/banner5.jpg) no-repeat;
}
.digitize_banner6 {
  height:450px;
  background: url(../images/digitize/banner6.jpg) no-repeat;
}

/* 数字化升级方案---end */




/* 客户案例---start */
.customer_case .tab-container{
  margin-top: 45px;
}
.customer_case{
  margin-top: 0px;
  padding-top: 100px;
  background-image: none;
  background-color: #F9FAFB;
}
.customer_case .tab-nav{
  border-bottom: none;
}

.customer_case .tab-nav li{
  background-color: #F4F4F4;
  height: 50px;
  line-height: 50px;
  font-size: 20px;
  border-radius: 25px;
  width: 160px;
  cursor: pointer;
  transition: background-color 0.3s ease;
  position: relative;
}
 .customer_case .tab_nav_box .tab-slider {
            position: absolute;
            bottom: 0;
            height: 3px;
            background: #007bff;
            transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
            z-index: 0;
        }

.customer_case .tab-nav li.active{
  background-color: #222;
  color: #fff;
  animation: fadeIn 0.5s ease-in-out;
}
  @keyframes fadeIn {
            from { opacity: 0; transform: translateY(10px); }
            to { opacity: 1; transform: translateY(0); }
        }
.tab-container {
  width: 100%;
  overflow: hidden;
}

.tab-nav {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
  border-bottom: 1px solid #eee;
}



.tab-nav li.active {
  color: #1890ff;
  font-weight: bold;
}



.customer_case .tab-content {
  position: relative;
  display: flex;
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  padding-bottom: 60px;
}

.customer_case .tab-content .case {
  flex: 0 0 100%;
  padding: 20px;
  opacity: 0;
  transition: opacity 0.3s;
  min-height: 460px;
}

.customer_case .tab-content .case.active {
  opacity: 1;
   display: block;
      animation: fadeIn 0.5s ease;
}


.customer_case .carousel-container {
  width:1120px;
  margin: 0 auto;
  position: relative;
  overflow:visible;
  background-color: #fff;
  border-radius: 20px;
  padding: 30px;
  height:auto;
}

.customer_case .carousel-hand {
  display: flex;
  transition: transform 0.5s ease-in-out;
}
.customer_case .carousel-container .carousel-indicators
{
position: absolute;
bottom: 0;
width: 100%;
text-align: center;
background-color: #ffffff;
}
/* 
    /* .customer_case .carousel-item {
      flex: 0 0 100%;
      transition: transform 0.5s ease-in-out;
      flex-direction: column;
      gap: 10px;
     
    } */
      */

    @media (min-width: 768px) {
      .carousel-item {
        flex-direction: row;
      }
    }

.customer_case .carousel-item .content_box{

  align-items: flex-start;
}

      .customer_case .carousel-item {
      display: none;
    }

    .customer_case .carousel-item.active {
      display: block;
    }

  
    .customer_case .carousel-item img {
      width: 570px;
     height:360px;
      object-fit: cover;
      transition: transform 0.7s ease;
       
      
    }

    .carousel-item img:hover {
      transform: scale(1.02);
    }



    .carousel-item .content {
      padding: 0 1.5rem; 
      display: flex;
      flex-direction: column;
      justify-content: center;
    }

    .carousel-item .content_box{

  display: flex;
  justify-content: space-between;
 
}



      .customer_case .carousel-item h3 {
      font-size: 1.5rem;
      font-weight: bold;
      
      margin-bottom: 25px;;
    }

     .customer_case .carousel-item h5{
      font-weight: bold;
      margin-bottom: 15px;
     }

     .c_background{
      background-color: #F4F1FF;
      border-radius: 10px;
      padding: 20px;
      margin-top: 15px;
     }
    .carousel-item p {
      color: #64748b;
      margin-bottom: 1rem;
    }

 

    .carousel-prev,
    .carousel-next {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      background-color: rgba(255, 255, 255, 0.8);
      color: #2563eb;
      width: 2.5rem;
      height: 2.5rem;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
      transition: all 0.3s ease;
      z-indeX: 10;
      cursor: pointer;
    }

    .carousel-prev:hover,
    .carousel-next:hover {
      background-color: white;
    }

    .carousel-prev {
      left: -3.25rem;
    }

    .carousel-next {
      right: -3.25rem;
    }

    .carousel-indicators {
      display: flex;
      justify-content: center;
      gap: 0.75rem;
      padding: 1rem;
      background-color: #f1f5f9;
     
    }

    .carousel-dot {
      width: 0.75rem;
      height: 0.75rem;
      border-radius: 50%;
      background-color: #cbd5e1;
      transition: all 0.3s ease;
      cursor: pointer;
    }

    .carousel-dot.active {
      background-color: #2563eb;
      transform: scale(1.2);
    }

    .text-center {
      text-align: center;
    }

    .text-sm {
      font-size: 0.875rem;
    }

    .text-gray-500 {
      color: #64748b;
    }

    .mt-6 {
      margin-top: 1.5rem;
    }

    .animate-fade-in {
      animation: fadeIn 0.5s ease-in-out;
    }

    @keyframes fadeIn {
      from {
        opacity: 0;
      }

      to {
        opacity: 1;
      }
    }






.customer_case .carousel-slide {
  min-width: 100%;
  padding: 20px;
  text-align: center;
  display: flex;
  justify-content:flex-start;
}

.customer_case .carousel-slide img {
  width: 570px;
  height:395px;
  object-fit: cover;
  border-radius: 10px;
}

.customer_case .caption {
  width: 550px;
  margin-top: 15px;
  padding: 0 20px;
  overflow: hidden ;
}




.customer_case .carousel-dots {
  position: absolute;
  bottom:-30px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 8px;
}

.customer_case .carousel-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #ddd;
  cursor: pointer;
  transition: 0.3s;
}

.customer_case .carousel-dot.active {
  background: #016BF5;
}



/* 客户案例---end */



    /* 适配移动端 */
    /* 手机端（<768px） */
    @media (max-width: 767px) {
      .hamburger {
        display: block;
      
      }
   
     /* 汉堡菜单动画 */
     .hamburger.active span:nth-child(1) {
      transform: rotate(45deg) translate(5px, 5px);
    }
    
    .hamburger.active span:nth-child(2) {
      opacity: 0;
    }
    
    .hamburger.active span:nth-child(3) {
      transform: rotate(-45deg) translate(7px, -6px);
    }
    
      .main_box{
        display: none;
      }
      header nav .button-selected a {
        width: 100px;
        
    }
    header nav .logo {
     
      left: 0;
     
  }
  
  .mobile-menu.active{
    display: block;
    position: absolute;
      top: 100%;
      left: 0;
      right: 0;
      background: #2c3e50;
      padding: 1rem;
      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
      z-index: 999;
  }


  .progress-container{
   bottom: 350px;
    
  }
      
  .slider .slide_item{
    height: 380px;
  }
     
    
    }
    
    
    /* PC端（>768px） */
    @media (min-width:768px) {
      .hamburger {
        display: none;
      }
      .mobile-menu{
        display: none;
      }
      #hamburger-iframe{
        display: none;
      }
    }

         /* 移动端下拉菜单 */

    .mobile-menu {
      display: none;
      position: absolute;
      top: 100%;
      left: 0;
      right: 0;
      background: #2c3e50;
      padding: 1rem;
      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    }

    .mobile-menu.active {
      display: block;
    }

    .mobile-menu li {
      margin: 1rem 0;
    }

    .mobile-menu li a {
      color: white;
      text-decoration: none;
      display: block;
      padding: 0.8rem;
    }

    
    .hamburger {
      
      cursor: pointer;
        background: none;
        border: none;
        padding: 10px;
        right: 0;
    position: absolute;
    z-index: 999;
    }
    
    .hamburger span {
      display: block;
      width: 25px;
      height: 3px;
      background: #53585C;
      margin: 5px 0;
      transition: all 0.3s ease;
    }
    
      /* 移动端下拉菜单  end */